'use client';

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { BookOpen, Activity, MessageSquare, Bell } from 'lucide-react';
import { StudyContent } from './study-content';
import { ActivitiesContent } from './activities-content';
import { MessagesContent } from './messages-content';
import { NoticesContent } from './notices-content';

export function DashboardTabs() {
  return (
    <Tabs defaultValue="study" className="space-y-4">
      <TabsList className="grid grid-cols-4 gap-4 h-auto p-1">
        <TabsTrigger value="study" className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground py-2">
          <BookOpen className="h-4 w-4 mr-2" />
          学习情况
        </TabsTrigger>
        <TabsTrigger value="activities" className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground py-2">
          <Activity className="h-4 w-4 mr-2" />
          班级活动
        </TabsTrigger>
        <TabsTrigger value="messages" className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground py-2">
          <MessageSquare className="h-4 w-4 mr-2" />
          留言交流
        </TabsTrigger>
        <TabsTrigger value="notices" className="data-[state=active]:bg-primary data-[state=active]:text-primary-foreground py-2">
          <Bell className="h-4 w-4 mr-2" />
          通知公告
        </TabsTrigger>
      </TabsList>

      <TabsContent value="study">
        <StudyContent />
      </TabsContent>

      <TabsContent value="activities">
        <ActivitiesContent />
      </TabsContent>

      <TabsContent value="messages">
        <MessagesContent />
      </TabsContent>

      <TabsContent value="notices">
        <NoticesContent />
      </TabsContent>
    </Tabs>
  );
} 